/**
 * 时间：2024-08-25
 * 作者：waygc
 * 描述：头部页，显示头像、用户操作等
 * 
 */
import React from "react";
import { Link } from "react-router-dom";

import { Avatar, Dropdown, Space } from"antd";
import { UserOutlined } from '@ant-design/icons';


const headerStyle = {
	textAlign: "right"
};

const items = [
	{
		key: '1',
		label: (
			<Link to="/system">系统设置</Link>
		),
	},
	{
		key: '1',
		label: (
			<Link to="/logout">退出登录</Link>
		),
	},
	{
		key: '3',
		label: (
			<Link to="https://tech-demo.waygc.net">返回技术 Demo</Link>
		),
	},
];

class Head extends React.Component {
	render () {
		return (
			<div style={headerStyle}>
				<Space direction="vertical">
					<Space wrap>
						<Dropdown
							menu={{items,}}
							placement="bottom"
							arrow
						>
							<Avatar size="large" icon={<UserOutlined />} />
						</Dropdown>
					</Space>
				</Space>
			</div>
		);
	}
}

export default Head;
